﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Customize.aspx.cs" Inherits="EWDTAssignment.Customize" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style11
        {
            height: 20px;
            width: 204px;
        }
        .style15
        {
            width: 204px;
        }
        .style22
        {
        }
        .style23
        {
            width: 84px;
            height: 20px;
        }
        .style24
        {
            width: 187px;
        }
        .style25
        {
            width: 187px;
            height: 20px;
        }
        .style26
        {
            height: 22px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:ScriptManager ID="ScriptManager2" runat="server">
            </asp:ScriptManager>
            <br />
            <asp:Label ID="lblMsg1" runat="server" 
                Text="Step 1: Please select the category of PC you wish to customize." 
                Font-Bold="True" Font-Size="Small" ForeColor="#3366FF"></asp:Label>
            <br />
            <br />
            <asp:RadioButtonList ID="rblstType" runat="server" Height="25px" 
                RepeatDirection="Horizontal" Width="604px" AutoPostBack="True" 
                onselectedindexchanged="RadioButtonList1_SelectedIndexChanged">
                <asp:ListItem Value="1">General</asp:ListItem>
                <asp:ListItem Value="2">Work</asp:ListItem>
                <asp:ListItem Value="3">Casual Gaming</asp:ListItem>
                <asp:ListItem Value="4">Hardcore Gaming</asp:ListItem>
                <asp:ListItem Value="5">Extreme Gaming</asp:ListItem>
            </asp:RadioButtonList>
            <br />
            <asp:Label ID="lblMsg2" runat="server" 
                
                Text="Step 2: Please select a Motherboard for your PC. The motherboard selected will affect the choices available for other parts." 
                Font-Bold="True" Font-Size="Small" ForeColor="#3366FF"></asp:Label>
            <br />
            <br />
            <table style="width:100%;">
                <tr>
                    <td align="left" class="style22" style="border: 1px solid black">
                        <asp:Label ID="lblMB" runat="server" style="text-align: left" 
                            Text="Motherboard : "></asp:Label>
                    </td>
                    <td align="left" class="style24" style="border: 1px solid black">
                        <br />
                        <asp:DropDownList ID="ddlMB" runat="server" Height="25px" 
                            onselectedindexchanged="ddlMB_SelectedIndexChanged" AutoPostBack="True">
                        </asp:DropDownList>
                        <br />
                    </td>
                    <td class="style15" align="left" style="border: 1px solid black">
                        <asp:ImageButton ID="imgMB" runat="server" Height="100px" onclick="imgMB_Click" 
                            Width="100px" />
                        <br />
                        <br />
                        <asp:Label ID="lblMBSpec" runat="server"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="Label2" runat="server" Text="Price : S$" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                        <asp:Label ID="lblMBPrice" runat="server" ForeColor="#33CC33" Font-Bold="True" 
                            Font-Size="Small"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style22" colspan="3" style="Text-align: left">
                        <asp:Label ID="lblMsg3" runat="server" 
                            
                            Text="Step 3: Please select the parts for your PC. You can switch to another motherboard to refresh your choices." 
                            Font-Bold="True" Font-Size="Small" ForeColor="#3366FF"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style22" style="border: 1px solid black">
                        <asp:Label ID="lblCPU" runat="server" Text="CPU : "></asp:Label>
                    </td>
                    <td align="left" class="style24" style="border: 1px solid black">
                        <br />
                        <asp:DropDownList ID="ddlCPU" runat="server" Height="25px" AutoPostBack="True" 
                            onselectedindexchanged="ddlCPU_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                    </td>
                    <td class="style15" align="left" style="border: 1px solid black">
                        <asp:ImageButton ID="imgCPU" runat="server" onclick="imgCPU_Click" 
                            Height="100px" Width="100px" />
                        <br />
                        <br />
                        <asp:Label ID="lblCPUSpec" runat="server"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="Label3" runat="server" Text="Price : S$" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                        <asp:Label ID="lblCPUPrice" runat="server" ForeColor="#33CC33" Font-Bold="True" 
                            Font-Size="Small"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style22" style="border: 1px solid black">
                        <asp:Label ID="lblMemory" runat="server" Text="Memory : "></asp:Label>
                    </td>
                    <td align="left" class="style24" style="border: 1px solid black">
                        <br />
                        <asp:DropDownList ID="ddlMemory" runat="server" Height="25px" 
                            AutoPostBack="True" onselectedindexchanged="ddlMemory_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                    </td>
                    <td class="style15" align="left" style="border: 1px solid black">
                        <asp:ImageButton ID="imgMemory" runat="server" onclick="imgMemory_Click" 
                            Height="100px" Width="100px" />
                        <br />
                        <br />
                        <asp:Label ID="lblMemSpec" runat="server"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="Label4" runat="server" Text="Price : S$" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                        <asp:Label ID="lblMemPrice" runat="server" ForeColor="#33CC33" Font-Bold="True" 
                            Font-Size="Small"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style23" style="border: 1px solid black">
                        <asp:Label ID="lblGFX" runat="server" Text="Graphic Card : "></asp:Label>
                    </td>
                    <td align="left" class="style25" style="border: 1px solid black">
                        <br />
                        <asp:DropDownList ID="ddlGFX" runat="server" Height="25px" AutoPostBack="True" 
                            onselectedindexchanged="ddlGFX_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                        &nbsp;<asp:CheckBox ID="chkbxDualGFX" runat="server" 
                            Text="Crossfire X / SLI" />
                        <br />
                    </td>
                    <td class="style11" align="left" style="border: 1px solid black">
                        <asp:ImageButton ID="imgGFX" runat="server" onclick="imgGFX_Click" 
                            Height="100px" Width="100px" />
                        <br />
                        <asp:Label ID="lblGFXSpec" runat="server"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="Label5" runat="server" Text="Price : S$" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                        <asp:Label ID="lblGFXPrice" runat="server" ForeColor="#33CC33" Font-Bold="True" 
                            Font-Size="Small"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style22" style="border: 1px solid black">
                        <asp:Label ID="lblHDD" runat="server" Text="Harddisks : "></asp:Label>
                    </td>
                    <td align="left" class="style24" style="border: 1px solid black">
                        <br />
                        <asp:DropDownList ID="ddlHDD1" runat="server" Height="25px" AutoPostBack="True" 
                            onselectedindexchanged="ddlHDD1_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                        <asp:DropDownList ID="ddlHDD2" runat="server" Height="25px" AutoPostBack="True" 
                            onselectedindexchanged="ddlHDD2_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                        <asp:DropDownList ID="ddlHDD3" runat="server" Height="25px" AutoPostBack="True" 
                            onselectedindexchanged="ddlHDD3_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                        <asp:DropDownList ID="ddlHDD4" runat="server" Height="25px" AutoPostBack="True" 
                            onselectedindexchanged="ddlHDD4_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                        <asp:DropDownList ID="ddlHDD5" runat="server" Height="25px" AutoPostBack="True" 
                            onselectedindexchanged="ddlHDD5_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                        <asp:DropDownList ID="ddlHDD6" runat="server" Height="25px" AutoPostBack="True" 
                            onselectedindexchanged="ddlHDD6_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                        <br />
                    </td>
                    <td class="style15" align="left" style="border: 1px solid black">
                        <asp:Label ID="lblCurrentHDD" runat="server" Text="Displaying HDD#"></asp:Label>
                        <asp:Label ID="lblCurrentHDD0" runat="server"></asp:Label>
                        <br />
                        <asp:ImageButton ID="imgHDD1" runat="server" onclick="imgHDD1_Click" 
                            Height="100px" Width="100px" />
                        <br />
                        <asp:Label ID="lblHDD1Spec" runat="server"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="Label6" runat="server" Text="Price : S$" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                        <asp:Label ID="lblHDD1Price" runat="server" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                        <br />
                        <asp:Label ID="Label11" runat="server" Text="HDD Total : S$" Font-Bold="True" 
                            Font-Size="Small"></asp:Label>
                        <asp:Label ID="lblHDDTPrice" runat="server" Font-Bold="True" Font-Size="Small"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style23" style="border: 1px solid black">
                        <asp:Label ID="lblSound" runat="server" Text="Soundcard : "></asp:Label>
                    </td>
                    <td align="left" class="style25" style="border: 1px solid black">
                        <br />
                        <asp:DropDownList ID="ddlSoundcard" runat="server" Height="25px" 
                            AutoPostBack="True" onselectedindexchanged="ddlSoundcard_SelectedIndexChanged">
                        </asp:DropDownList>
                        <br />
                    </td>
                    <td class="style11" align="left" style="border: 1px solid black">
                        <asp:ImageButton ID="imgSoundcard" runat="server" onclick="imgSoundcard_Click" 
                            Height="100px" Width="101px" />
                        <br />
                        <br />
                        <asp:Label ID="lblSoundSpec" runat="server"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="Label7" runat="server" Text="Price : S$" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                        <asp:Label ID="lblSoundPrice" runat="server" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style22" style="border: 1px solid black">
                        <br />
                        <asp:Label ID="lblPSU" runat="server" Text="Power Supply : "></asp:Label>
                        <br />
                    </td>
                    <td align="left" class="style24" style="border: 1px solid black">
                        <asp:DropDownList ID="ddlPSU" runat="server" Height="25px" AutoPostBack="True" 
                            onselectedindexchanged="ddlPSU_SelectedIndexChanged">
                        </asp:DropDownList>
                    </td>
                    <td class="style15" align="left" style="border: 1px solid black">
                        <asp:ImageButton ID="imgPSU" runat="server" onclick="imgPSU_Click" 
                            Height="100px" Width="100px" />
                        <br />
                        <br />
                        <asp:Label ID="lblPSUSpec" runat="server"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="Label8" runat="server" Text="Price : S$" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                        <asp:Label ID="lblPSUPrice" runat="server" ForeColor="#33CC33" Font-Bold="True" 
                            Font-Size="Small"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style22" style="border: 1px solid black">
                        <br />
                        <asp:Label ID="lblCasing" runat="server" Text="Casing : "></asp:Label>
                        <br />
                    </td>
                    <td align="left" class="style24" style="border: 1px solid black">
                        <asp:DropDownList ID="ddlCasing" runat="server" Height="25px" 
                            AutoPostBack="True" onselectedindexchanged="ddlCasing_SelectedIndexChanged">
                        </asp:DropDownList>
                    </td>
                    <td class="style15" align="left" style="border: 1px solid black">
                        <asp:ImageButton ID="imgCasing" runat="server" onclick="imgCasing_Click" 
                            Height="100px" Width="100px" />
                        <br />
                        <br />
                        <asp:Label ID="lblCasingSpec" runat="server"></asp:Label>
                        <br />
                        <br />
                        <asp:Label ID="Label9" runat="server" Text="Price : S$" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                        <asp:Label ID="lblCasingPrice" runat="server" ForeColor="#33CC33" 
                            Font-Bold="True" Font-Size="Small"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style22">
                        &nbsp;</td>
                    <td align="left" class="style24">
                        &nbsp;</td>
                    <td class="style15" align="left" style="border: 1px solid black">
                        <br />
                        <asp:Label ID="Label10" runat="server" Text="Total Price : S$" 
                            Font-Size="Medium"></asp:Label>
                        <asp:Label ID="lblTotal0" runat="server" Font-Size="Medium"></asp:Label>
                        <br />
                    </td>
                </tr>
                <tr>
                    <td align="left" class="style26" colspan="3">
                        <asp:Label ID="lblSetCreateError" runat="server" Font-Size="Medium" 
                            ForeColor="Red"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td align="center" class="style22" colspan="3" style="width: 100%">
                        <asp:Button ID="btnSubmit" runat="server" onclick="btnSubmit_Click" 
                            Text="Submit" />
                    </td>
                </tr>
                <tr>
                    <td align="center" class="style22" colspan="3" style="width: 100%">
                        <asp:Button ID="btnUpdate" runat="server" onclick="btnUpdate_Click" 
                            Text="Update Set" />
                    </td>
                </tr>
            </table>
            <br />
            &nbsp;<br />
            <br />
            <br />
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>



